<template>
  <div class="parent-page">
    <div>props父组件的车：{{ car }}</div>
    <div>props父组件房子：{{ house }}</div>
    <Child :house="house" :car="car" :editData="editData" />
  </div>
</template>
<script setup lang="ts" name="propsParent">
import { ref } from 'vue';
import Child from './child.vue';
const house = ref(10);
const car = ref("奔驰");


function editData(num:number){
  house.value -= num;
  car.value = '大奔驰';
}

</script>
<style  scoped>
.parent-page{
  padding: 30px;
}
</style>
